<template>
  <div>
    <Alert colorful-text>
      Some content to alert
    </Alert>
    <Alert type="info" icon colorful-text>
      Some content to alert
    </Alert>
    <Alert type="success" title="Alert Title" colorful-text>
      Some content to alert
    </Alert>
    <Alert type="warning" icon colorful-text>
      Some content to alert
    </Alert>
    <Alert type="error" title="Alert Title" colorful-text>
      Some content to alert
    </Alert>
  </div>
</template>

<style scoped>
.vxp-alert {
  max-width: 600px;
}
</style>
